<template>
	<view class="repair-wrap">

		<view>
			<view>
				<view class="repair-box u-p-40 u-p-l-30 u-p-r-30">

					<view style="float: right; color: blue;font-size: 15px;font-weight: 900;margin-top: -40rpx;">

						<view style="    margin-top: 5px">
							<view
								style="color: #ffffff;background: #F9A832;padding: 10rpx 20rpx;text-align: center;border-bottom-right-radius:20rpx;border-top-left-radius:20rpx"
								v-if="againObj.renovate_state ==1">待审批</view>
							<view
								style="color: #ffffff;background:#5599FF;padding: 10rpx 20rpx;text-align: center;border-bottom-right-radius:20rpx;border-top-left-radius:20rpx"
								v-if="userObj.renovate_state ==2 || userObj.renovate_state ==9">
								{{userObj.renovate_state ==2?"申请退款":"待开始装修"}}
							</view>
							<view
								style="color: #ffffff;background:#AA0000;padding: 10rpx 20rpx;text-align: center;border-bottom-right-radius:20rpx;border-top-left-radius:20rpx"
								v-if="userObj.renovate_state ==3 || userObj.renovate_state ==11">
								{{userObj.renovate_state ==3?"未通过":"申请未同意"}}
							</view>
							<view
								style="color: #ffffff;background: #55AA00;padding: 10rpx 20rpx;text-align: center;border-bottom-right-radius:20rpx;border-top-left-radius:20rpx"
								v-if="userObj.renovate_state ==4">待退款</view>
							<view
								style="color: #ffffff;background:#CC6600;padding: 10rpx 20rpx;text-align: center;border-bottom-right-radius:20rpx;border-top-left-radius:20rpx"
								v-if="userObj.renovate_state ==5">待验收</view>
							<view
								style="color: #ffffff;background:#0088A8;padding: 10rpx 20rpx;text-align: center;border-bottom-right-radius:20rpx;border-top-left-radius:20rpx"
								v-if="userObj.renovate_state ==6">待确认</view>
							<view
								style="color: #ffffff;background:red;padding: 10rpx 20rpx;text-align: center;border-bottom-right-radius:20rpx;border-top-left-radius:20rpx"
								v-if="userObj.renovate_state ==7">已退款</view>

							<view
								style="color: #ffffff;background:green;padding: 10rpx 20rpx;text-align: center;border-bottom-right-radius:20rpx;border-top-left-radius:20rpx"
								v-if="userObj.renovate_state ==8">待审核</view>

							<view
								style="color: #ffffff;background:red;padding: 10rpx 20rpx;text-align: center;border-bottom-right-radius:20rpx;border-top-left-radius:20rpx"
								v-if="userObj.renovate_state ==13">
								{{userObj.approval_status==0?"物业公司审批":"业主审批"}}
							</view>


						</view>
					</view>
					<view style="margin-top: 25px;text-align: center;">
						<span style="font-size: 19px;    font-weight: 600;">

							{{ userObj.house_type==null || userObj.house_type==1  ?
								userObj.renovate_district + '-' + userObj.renovate_floor + 
								'-' + userObj.renovate_unit + '-' + userObj.renovate_house_number
								:userObj.house_type==2?userObj.pubilc_name:userObj.house_type==3?userObj.roomInfo:""}}的装修信息
						</span>
					</view>

					<view class=" u-m-t-68" v-if="buttonClick==0">
						<span style="font-size: 18px;font-weight: 900;">装修图纸信息：</span>
					</view>
					<view style="padding: 0 20px;margin-top: -30px;" v-if="buttonClick==0">

						<view>
							<view class="guarn-box u-m-t-60" style="display: flex;">
								<view style="display: flex;">
									<view class="guarn-box guarn-box2 u-m-t-20"
										v-if="applyForm.renovate_completed_images">
										<view class="guarn-box2-img">
											<image style="width: 110px;height: 100px;"
												:src="applyForm.renovate_completed_images"></image>
											<u-icon @click="colseImg(applyForm.renovate_completed_images,1)"
												name="close" color="red" size="40"
												class="guarn-box2-img-close"></u-icon>
										</view>
									</view>
									<view class="guarn-box u-m-t-20" v-show="!applyForm.renovate_completed_images">
										<view @click="uoloadHouse(1)" class="guarn-box-img">
											<image class="u-m-t-40" src="../../static/image/camera.svg" mode=""></image>
											<view><text class="imageContentFont">竣工图纸</text></view>
										</view>
									</view>
								</view>
								<view style="display: flex;">
									<view class="guarn-box guarn-box2 u-m-t-20"
										v-if="applyForm.renovate_completed_waterway_images">
										<view class="guarn-box2-img">
											<image style="width: 110px;height: 100px;"
												:src="applyForm.renovate_completed_waterway_images"></image>
											<u-icon @click="colseImg(applyForm.renovate_completed_waterway_images,2)"
												name="close" color="red" size="40"
												class="guarn-box2-img-close"></u-icon>
										</view>
									</view>
									<view class="guarn-box u-m-t-20"
										v-show="!applyForm.renovate_completed_waterway_images">
										<view @click="uoloadHouse(2)" class="guarn-box-img">
											<image class="u-m-t-40" src="../../static/image/camera.svg" mode=""></image>
											<view><text class="imageContentFont">水路竣工图纸</text></view>
										</view>
									</view>
								</view>
								<view style="display: flex;">
									<view class="guarn-box guarn-box2 u-m-t-20"
										v-if="applyForm.renovate_completed_circuit_images">
										<view class="guarn-box2-img">
											<image :src="applyForm.renovate_completed_circuit_images"></image>
											<u-icon @click="colseImg(applyForm.renovate_completed_circuit_images,3)"
												name="close" color="red" size="40"
												class="guarn-box2-img-close"></u-icon>
										</view>
									</view>
									<view class="guarn-box u-m-t-20"
										v-show="!applyForm.renovate_completed_circuit_images">
										<view @click="uoloadHouse(3)" class="guarn-box-img">
											<image class="u-m-t-40" src="../../static/image/camera.svg" mode=""></image>
											<view><text class="imageContentFont">电路竣工图纸</text></view>
										</view>
									</view>
								</view>


							</view>
							<!-- ==== -->
							<view class="guarn-box u-m-t-60" style="display: flex;">

								<view style="display: flex;">
									<view class="guarn-box guarn-box2 u-m-t-20"
										v-if="applyForm.renovate_completed_central_images">
										<view class="guarn-box2-img">
											<image :src="applyForm.renovate_completed_central_images"></image>
											<u-icon @click="colseImg(applyForm.renovate_completed_central_images,4)"
												name="close" color="red" size="40"
												class="guarn-box2-img-close"></u-icon>
										</view>
									</view>
									<view class="guarn-box u-m-t-20"
										v-show="!applyForm.renovate_completed_central_images">
										<view @click="uoloadHouse(4)" class="guarn-box-img">
											<image class="u-m-t-40" src="../../static/image/camera.svg" mode=""></image>
											<view><text class="imageContentFont">中央空调竣工图纸</text></view>
										</view>
									</view>
								</view>

								<view style="display: flex;">
									<view class="guarn-box guarn-box2 u-m-t-20"
										v-if="applyForm.renovate_completed_fuel_images">
										<view class="guarn-box2-img">
											<image :src="applyForm.renovate_completed_fuel_images"></image>
											<u-icon @click="colseImg(applyForm.renovate_completed_fuel_images,5)"
												name="close" color="red" size="40"
												class="guarn-box2-img-close"></u-icon>
										</view>
									</view>
									<view class="guarn-box u-m-t-20" v-show="!applyForm.renovate_completed_fuel_images">
										<view @click="uoloadHouse(5)" class="guarn-box-img">
											<image class="u-m-t-40" src="../../static/image/camera.svg" mode=""></image>
											<view>
												<text class="imageContentFont">燃气管理竣工图纸</text>
											</view>
										</view>
									</view>
								</view>

								<view style="display: flex;">
									<view class="guarn-box guarn-box2 u-m-t-20"
										v-if="applyForm.renovate_completed_heating_images">
										<view class="guarn-box2-img">
											<image :src="applyForm.renovate_completed_heating_images"></image>
											<u-icon @click="colseImg(applyForm.renovate_completed_heating_images,6)"
												name="close" color="red" size="40"
												class="guarn-box2-img-close"></u-icon>
										</view>
									</view>
									<view class="guarn-box u-m-t-20"
										v-show="!applyForm.renovate_completed_heating_images">
										<view @click="uoloadHouse(6)" class="guarn-box-img">
											<image class="u-m-t-40" src="../../static/image/camera.svg" mode=""></image>
											<view>
												<text class="imageContentFont">暖气竣工图纸</text>

											</view>
										</view>
									</view>
								</view>


							</view>

							<!-- === -->
							<view class="guarn-box u-m-t-60" style="display: flex;">
								<view style="display: flex;">
									<view class="guarn-box guarn-box2 u-m-t-20"
										v-if="applyForm.renovate_completed_prevent_images">
										<view class="guarn-box2-img">
											<image :src="applyForm.renovate_completed_prevent_images"></image>
											<u-icon @click="colseImg(applyForm.renovate_completed_prevent_images,7)"
												name="close" color="red" size="40"
												class="guarn-box2-img-close"></u-icon>
										</view>
									</view>
									<view class="guarn-box u-m-t-20"
										v-show="!applyForm.renovate_completed_prevent_images">
										<view @click="uoloadHouse(7)" class="guarn-box-img">
											<image class="u-m-t-40" src="../../static/image/camera.svg" mode=""></image>
											<view><text class="imageContentFont">消防点位竣工图纸</text></view>
										</view>
									</view>
								</view>
								<view style="display: flex;">
									<view class="guarn-box guarn-box2 u-m-t-20"
										v-if="applyForm.renovate_completed_material_images">
										<view class="guarn-box2-img">
											<image :src="applyForm.renovate_completed_material_images"></image>
											<u-icon @click="colseImg(applyForm.renovate_completed_material_images,8)"
												name="close" color="red" size="40"
												class="guarn-box2-img-close"></u-icon>
										</view>
									</view>
									<view class="guarn-box u-m-t-20"
										v-show="!applyForm.renovate_completed_material_images">
										<view @click="uoloadHouse(8)" class="guarn-box-img">
											<image class="u-m-t-40" src="../../static/image/camera.svg" mode=""></image>
											<view><text class="imageContentFont">防火材料竣工图纸</text></view>
										</view>
									</view>
								</view>
								<view style="display: flex;">
									<view class="guarn-box guarn-box2 u-m-t-20"
										v-if="applyForm.renovate_completed_waterproof_images">
										<view class="guarn-box2-img">
											<image :src="applyForm.renovate_completed_prevent_images"></image>
											<u-icon @click="colseImg(applyForm.renovate_completed_waterproof_images,7)"
												name="close" color="red" size="40"
												class="guarn-box2-img-close"></u-icon>
										</view>
									</view>
									<view class="guarn-box u-m-t-20"
										v-show="!applyForm.renovate_completed_waterproof_images">
										<view @click="uoloadHouse(7)" class="guarn-box-img">
											<image class="u-m-t-40" src="../../static/image/camera.svg" mode=""></image>
											<view><text class="imageContentFont">防水材料竣工图纸</text></view>
										</view>
									</view>
								</view>

							</view>

							<!-- === -->
							<view class="guarn-box u-m-t-60" style="display: flex;">

								<view style="display: flex;">
									<view class="guarn-box guarn-box2 u-m-t-20"
										v-if="applyForm.renovate_completed_fire_check_images">
										<view class="guarn-box2-img">
											<image :src="applyForm.renovate_completed_fire_check_images"></image>
											<u-icon @click="colseImg(applyForm.renovate_completed_fire_check_images,10)"
												name="close" color="red" size="40"
												class="guarn-box2-img-close"></u-icon>
										</view>
									</view>
									<view class="guarn-box u-m-t-20"
										v-show="!applyForm.renovate_completed_fire_check_images">
										<view @click="uoloadHouse(10)" class="guarn-box-img">
											<image class="u-m-t-40" src="../../static/image/camera.svg" mode=""></image>
											<view><text class="imageContentFont">消防验收报告</text></view>
										</view>
									</view>
								</view>

							</view>

						</view>


					</view>

					<view class=" u-m-t-68" v-if="buttonClick==0">
						<span style="font-size: 15px; color: red">提示：</span>
						<span>强烈建议将以上图纸进行上传保存，防止家中纸质版丢失损坏。</span>
					</view>
					<view class=" u-m-t-24" v-if="buttonClick==1" style="margin-top: 20px;">
						<span style="font-size: 17px;font-weight: 600;">退款账号：</span>
					</view>

					<view style="padding: 0 20px;margin-top: -20px;" v-if="buttonClick==1">

						<view>
							<view class="u-m-t-30 repair-box">
								<view class="header-li">

									<span style="font-size: 16px;">选择退款方式：</span>
									<picker @change="handlerCompany" :value="indexss" :range="lnsTest"
										range-key="lnsTest_name">
										<view class="form-select" style="margin-left: 120px">
											<span style="font-size: 16px;">{{lnsTest[indexss].lnsTest_name}}</span>
											<img :src="downImg" style=" width: 20px;margin-top: 15px;margin-left: 8px;"
												alt="">
										</view>
									</picker>
								</view>
							</view>


						</view>
						<view class="repair-box">
							<view class="header-li" v-if='applyForm.renovate_refund_way == 3'
								style='border-bottom: 2rpx solid #EEEEEE;line-height: 50px;'>
								<view style="width: 98px;">

									<h4 style="color: #999;">户名：</h4>
								</view>
								<u-input style='padding: 8px 0 0 0;' v-model="applyForm.refund_card_name"
									placeholder="请输入户名" />
							</view>
							<view class="header-li" v-if='applyForm.renovate_refund_way == 3'
								style='border-bottom: 2rpx solid #EEEEEE;line-height: 50px;'>
								<view style="width: 98px;">

									<h4 style="color: #999;">开户行：</h4>
								</view>
								<u-input style='padding: 8px 0 0 0;' v-model="applyForm.refund_card_open_bank"
									placeholder="请输入开户行" />
							</view>
							<view class="header-li" v-if='applyForm.renovate_refund_way == 3'
								style='border-bottom: 2rpx solid #EEEEEE;line-height: 50px;'>
								<view style="width: 98px;">

									<h4 style="color: #999;">银行卡号：</h4>
								</view>
								<u-input style='padding: 8px 0 0 0;' v-model="applyForm.refund_way"
									placeholder="请输入银行卡号" />
							</view>



							<view class="header-li" v-if='applyForm.renovate_refund_way ==2'
								style='border-bottom: 2rpx solid #EEEEEE;line-height: 50px;'>
								<view style="width: 98px;">
									<h4 style="color: #999;">支付宝号：</h4>

								</view>
								<u-input style='padding: 8px 0 0 0;' v-model="applyForm.refund_way"
									placeholder="请输入支付宝号" />
							</view>
							<view class="header-li" v-if='applyForm.renovate_refund_way == 1'
								style='line-height: 50px;'>
								<view style="width: 120px;">
									<span style="font-size: 16px;">微信收款码：</span>


								</view>

								<view style="display: flex;">
									<view class="guarn-box guarn-box3 u-m-t-20" v-if="applyForm.refund_way"
										style="margin-left: 10px;">
										<view class="guarn-box2-img2">
											<image style="height: 80px;width: ;" :src="applyForm.refund_way">
											</image>
											<u-icon @click="colseImg(applyForm.refund_way,11)" name="close" color="red"
												size="40" class="guarn-box2-img-close2"></u-icon>
										</view>
									</view>
									<view class="guarn-box2 u-m-t-20" v-show="!applyForm.refund_way">
										<view @click="uoloadHouse(11)" class="guarn-box-img2">
											<image class="u-m-t-40" style="width: 80px"
												src="../../static/image/camera.svg" mode="">
											</image>

										</view>
									</view>
								</view>
							</view>
						</view>
					</view>

				</view>





				<view class="foot_item">
					<!-- <button class="button2" v-if="buttonClick==1" @click="nuxtS(1)">上一步</button> -->
					<!-- <button class="button_in" v-if="buttonClick==0" @click="nuxt(2)">下一步</button> -->
					<button v-if="buttonClick==0" class="button3" @click="nuxtS(2)">下一步</button>
					<button v-if="buttonClick==1" class="button2" @click="nuxtS(1)">上一步</button>
					<button v-if="buttonClick==1" class="button_in" @click="editBtn()">提交退款信息</button>
				</view>



			</view>
		</view>


	</view>

	</view>




	</view>
</template>

<script>
	import {
		pathToBase64,
		base64ToPath
	} from '@/utils/image-tool.js'
	export default {
		data() {

			return {

				downImg: '../../static/image/down.png',
				buttonClick: 0,

				indexss: 0, //工作单位下标

				lnsTest: [{
						lnsTest_id: 1,
						lnsTest_name: '微信'
					},
					{
						lnsTest_id: 2,
						lnsTest_name: '支付宝'
					},
					{
						lnsTest_id: 3,
						lnsTest_name: '银行卡'
					},
				], //单位
				userObj: {},

				applyForm: {
					id: null,
					renovate_completed_images: null, //竣工图纸
					renovate_completed_waterway_images: null, //水路竣工图纸
					renovate_completed_circuit_images: null, //电路竣工图纸
					renovate_completed_central_images: null, //中央空调竣工图纸
					renovate_completed_fuel_images: null, //燃气管理竣工图纸
					renovate_completed_heating_images: null, //暖气竣工图纸
					renovate_completed_prevent_images: null, //消费点位竣工图纸
					renovate_completed_material_images: null, //防火材料竣工图纸
					renovate_completed_waterproof_images: null, //防水材料竣工图纸
					renovate_completed_fire_check_images: null, //消防验收报告
					renovate_refund_way: 1,
					refund_way: null,
					refund_card_name: null,
					refund_card_open_bank: null,
					renovate_state: null,

				},
			}
		},
		onLoad(options) {
			this.userObj = JSON.parse(decodeURIComponent(options.item));
			this.againObj = this.userObj
			console.log(this.againObj)
		},
		methods: {


			updateInfo() {
				uni.showModal({
					title: '提示', // 对话框标题
					content: '重新申请成功！', // 对话框内容
					success: function(res) { // 点击按钮后的回调函数，res.confirm 为 true 表示点击了确认按钮，res.cancel 为 true 表示点击了取消按钮
						if (res.confirm) {
							this.editBtn();
							// 点击确认按钮的逻辑处理
						} else if (res.cancel) {
							console.log('用户点击了取消按钮');
							// 点击取消按钮的逻辑处理
						}
					}
				});
			},



			editBtn() {
				this.applyForm.id = this.againObj.id
				this.applyForm.application = this.againObj.application
				this.applyForm.renovate_state = this.againObj.renovate_state
				let res = this.$request.api.updateRenovation(this.applyForm, {

				}).then(res => {
					uni.reLaunch({ //跳转页面
						url: "/pages/renovation/renovationindex"
					})
				})
			},






			//理赔类型
			handlerCompany(e) {
				this.indexss = e.target.value
				this.applyForm.renovate_refund_way = this.lnsTest[this.indexss].lnsTest_id
			},



			nuxtS(index) {
				console.log(index)
				if (index == 1) {
					this.buttonClick = 0;
				} else if (index == 2) {
					this.buttonClick = 1;
				}
			},

			colseImg(val, tpye) {
				if (tpye == 1) {

					this.applyForm.renovate_completed_images = null;
					if (!this.applyForm.renovate_completed_images) {
						this.imgFlag = true
					}
					// 竣工图纸
				} else if (type == 2) {
					thisrenovate_completed_waterway_images = null;
					if (!this.applyForm.renovate_completed_waterway_images) {
						this.imgFlag = true
					}
					// 水路竣工图纸
				} else if (tpye == 3) {
					this.applyForm.renovate_completed_circuit_images = null;
					if (!this.applyForm.renovate_completed_circuit_images) {
						this.imgFlag = true
					}
					// 电路竣工图纸
				} else if (tpye == 4) {
					this.applyForm.renovate_completed_central_images = null;
					if (!this.applyForm.renovate_completed_central_images) {
						this.imgFlag = true
					}
					// 中央空调竣工图纸
				} else if (tpye == 5) {
					this.applyForm.renovate_completed_fuel_images = null;
					if (!this.applyForm.renovate_completed_fuel_images) {
						this.imgFlag = true
					}
					// 燃气管理竣工图纸
				} else if (type == 6) {
					this.applyForm.renovate_completed_heating_images = null;
					if (!this.applyForm.renovate_completed_heating_images) {
						this.imgFlag = true
					}
					// 暖气竣工图纸
				} else if (type == 7) {
					this.applyForm.renovate_completed_prevent_images = null;
					if (!this.applyForm.renovate_completed_prevent_images) {
						this.imgFlag = true
					}
					// 消费点位竣工图纸
				} else if (type == 8) {
					this.applyForm.renovate_completed_waterproof_images = null;
					if (!this.applyForm.renovate_construct_image) {
						this.imgFlag = true
					}
					// 防水材料竣工图纸
				} else if (type == 9) {
					this.applyForm.renovate_completed_fire_check_images = null;
					if (!this.applyForm.renovate_completed_fire_check_images) {
						this.imgFlag = true
					}
					// 消防验收报告
				}



			},

			// 选择图片
			uoloadHouse(type) {
				let _this = this;
				uni.showActionSheet({
					itemList: ['手机拍照', '本地图片上传'],
					success: function(res) {
						uni.showLoading({
							title: '上传中'
						});
						if (res.tapIndex == 0) {
							uni.chooseImage({
								count: 1, //默认9
								sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
								sourceType: ['camera '],
								success: function(res) {
									pathToBase64(res.tempFilePaths[0]).then(res => {
										_this.$request.api.image({
											imageBase64: res
										}).then(res => {

											if (type == 1) {
												_this.applyForm
													.renovate_completed_images =
													res
													.data.data
												// 竣工图纸
											} else if (type == 2) {
												_this.applyForm
													.renovate_completed_waterway_images =
													res
													.data.data
												// 水路竣工图纸
											} else if (type == 3) {
												_this.applyForm
													.renovate_completed_circuit_images =
													res
													.data.data
												// 电路竣工图纸
											} else if (type == 4) {
												_this.applyForm
													.renovate_completed_central_images =
													res
													.data.data
												// 中央空调竣工图纸
											} else if (type == 5) {
												_this.applyForm
													.renovate_completed_fuel_images =
													res
													.data.data
												// 燃气管理竣工图纸
											} else if (type == 6) {
												_this.applyForm
													.renovate_completed_heating_images =
													res
													.data.data
												// 暖气竣工图纸
											} else if (type == 7) {
												_this.applyForm
													.renovate_completed_prevent_images =
													res
													.data.data
												// 消费点位竣工图纸

											} else if (type == 8) {
												_this.applyForm
													.renovate_completed_material_images =
													res
													.data.data
												// 防火材料竣工图纸
											} else if (type == 9) {
												_this.applyForm
													.renovate_completed_waterproof_images =
													res
													.data.data
												// 防水材料竣工图纸
											} else if (type == 10) {
												_this.applyForm
													.renovate_completed_fire_check_images =
													res
													.data.data
											} else if (type == 11) {

												_this.applyForm
													.refund_way =
													res
													.data.data

											}

											_this.imgFlag = false;
											uni.hideLoading();
										})
									})
								}

							})
						} else {
							uni.chooseImage({
								count: 1, //默认9
								sizeType: ['original', 'compressed'],
								sourceType: ['album  '],
								success: function(res) {
									pathToBase64(res.tempFilePaths[0]).then(res => {
										_this.$request.api.image({
											imageBase64: res
										}).then(res => {



											if (type == 1) {
												_this.applyForm
													.renovate_completed_images =
													res
													.data.data
												// 竣工图纸
											} else if (type == 2) {
												_this.applyForm
													.renovate_completed_waterway_images =
													res
													.data.data
												// 水路竣工图纸
											} else if (type == 3) {
												_this.applyForm
													.renovate_completed_circuit_images =
													res
													.data.data
												// 电路竣工图纸
											} else if (type == 4) {
												_this.applyForm
													.renovate_completed_central_images =
													res
													.data.data
												// 中央空调竣工图纸
											} else if (type == 5) {
												_this.applyForm
													.renovate_completed_fuel_images =
													res
													.data.data
												// 燃气管理竣工图纸
											} else if (type == 6) {
												_this.applyForm
													.renovate_completed_heating_images =
													res
													.data.data
												// 暖气竣工图纸
											} else if (type == 7) {
												_this.applyForm
													.renovate_completed_prevent_images =
													res
													.data.data
												// 消费点位竣工图纸

											} else if (type == 8) {
												_this.applyForm
													.renovate_completed_material_images =
													res
													.data.data
												// 防火材料竣工图纸
											} else if (type == 9) {
												_this.applyForm
													.renovate_completed_waterproof_images =
													res
													.data.data
												// 防水材料竣工图纸
											} else if (type == 11) {
												_this.applyForm
													.refund_way =
													res
													.data.data
												// 防水材料竣工图纸
											}

											_this.imgFlag = false;
											uni.hideLoading();
										})
									})
								}

							});
						}
					},
					fail: function(res) {}
				});
			},

		}
	}
</script>


<style lang="scss">
	.input {
		width: 400rpx;
		text-align: left;
		line-height: 200%;

		.tab-type {
			width: 254rpx;
			height: 64rpx;
			border-radius: 6rpx 0rpx 0rpx 6rpx;
			border: 2rpx solid #578ef0;
			display: flex;
			align-items: center;
			justify-content: center;

			.shi {
				width: 126rpx;
				height: 60rpx;
				background: #4a90e2;
				text-align: center;
				line-height: 60rpx;
				color: #ffffff;
			}

			.fou {
				width: 126rpx;
				height: 60rpx;
				background: #ffffff;
				text-align: center;
				line-height: 60rpx;
				color: #4a90e2;
			}
		}
	}

	.repair-wrap {
		width: 100%;
		min-height: 100vh;
		height: auto;
		background: #f4f4f4;
		overflow: hidden;

		.repair-box {
			background: #fff;

			.repair-titel {
				height: 44rpx;
				line-height: 44rpx;

				.repair-titel-l {
					float: left;
				}

				.repair-titel-r {
					float: right;
					color: #999;
				}
			}

			.repair-6 {
				color: #666;
			}
		}
	}

	.tab_nav {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.tab_nav .navTitle {
		height: 90rpx;
		line-height: 90rpx;
		width: 100%;
		text-align: center;
		font-size: 32rpx;
		font-family: Alibaba PuHuiTi;
		color: #333;
	}

	.active {
		position: relative;
		color: #427705;
	}

	.active::after {
		content: "";
		position: absolute;
		width: 100rpx;
		height: 4rpx;
		background-color: #427705;
		left: 0px;
		right: 0px;
		bottom: 0px;
		margin: auto;
	}

	.button {
		height: 35px;
		line-height: 35px;
		width: 28%;
		border-radius: 33px;
		border: 1px solid #CCCCCC;
		font-size: 15px;
	}

	.button1 {
		height: 40px;
		line-height: 40px;
		width: 80%;
		border-radius: 33px;
		color: #FFFFFF;
		background: linear-gradient(180deg, #76D904 0%, #417505 100%);
	}

	// .button:hover{
	// 	border: 1px solid rgba(69, 124, 5, 0.1);
	// 	color: #447A05;
	// 	background:rgba(69, 124, 5, 0.1);
	// }
	.header-form {
		margin-top: 60rpx;
		background: #FFFFFF;

		.header-li {
			// padding:0 45rpx;
			display: flex;
			// align-items: center;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			line-height: 95rpx;
			color: #333333;
			border-bottom: 1rpx solid #EEEEEE;

			.header-name {
				width: 200rpx;
			}

			.text-area {
				width: 420rpx;
				padding-top: 26rpx;
				height: 60rpx;
			}
		}
	}

	.guarn-box {
		width: 100%;
		height: 88px;

	}

	.guarn-box-img {
		width: 108px;
		height: 100px;
		float: left;
		margin-right: 24rpx;
		text-align: center;
		border: 2rpx solid #ccc;
		border-radius: 4rpx;

	}

	.guarn-box-img image {
		width: 76rpx;
		height: 68rpx;
	}

	.header-li {
		display: flex;
		// align-items: center;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		line-height: 102rpx;
		color: #333333;
		border-bottom: 1rpx solid #EEEEEE;
	}

	.foot_item {
		margin-top: 40rpx;
		height: 200rpx;
	}

	.button2 {
		width: 40%;
		height: 40%;
		display: flex;
		justify-content: center;
		align-items: center;
		float: left;
		margin-left: 33px;
		color: #427705;
		border: 1px solid #427705;
		background-color: #ffffff;
		border-top-left-radius: 40rpx;
		border-bottom-left-radius: 40rpx;
	}

	.button_in {
		width: 40%;
		height: 40%;
		display: flex;
		justify-content: center;
		align-items: center;
		float: right;
		color: #ffffff;
		background: linear-gradient(180deg, #76D904 0%, #417505 100%);
		margin-right: 34px;
		border-top-right-radius: 40rpx;
		border-bottom-right-radius: 40rpx;
	}



	.footers {
		width: 100%;
		background-color: #FFFFFF;
		height: 72px;
		position: fixed;
		bottom: 0px;
		left: 0px;
	}

	.footer {
		width: 95%;
		margin: 40rpx 20rpx;
		// position:fixed;
		// bottom:0px;
		// left:0px;
	}


	.guarn-box2 {
		display: flex;
	}

	.guarn-box2-img {
		width: 100px;
		height: 100px;
		margin-right: 20rpx;
		position: relative;

		.guarn-box2-img-close {
			position: absolute;
			top: 20rpx;
			right: 20rpx;
		}
	}

	.guarn-box2 image {
		width: 216rpx;
		height: 216rpx;
	}





	.foot .footer {
		width: 95%;
		height: 128rpx;
		position: fixed;
		bottom: 0;
		z-index: 99;
		background: rgba(255, 255, 255, 1);
	}


	.button3 {
		height: 40px;
		line-height: 40px;
		width: 80%;
		border-radius: 33px;
		color: #FFFFFF;
		background: linear-gradient(180deg, #76D904 0%, #417505 100%);
	}

	.imageContentFont {
		color: rgb(210, 210, 210);
		font-size: 12px;
	}

	.guarn-box2 {
		width: 100%;
		height: 216rpx;

	}

	.guarn-box-img2 {
		width: 80px;
		height: 80px;
		float: left;
		margin-right: 13px;
		text-align: center;
		border: 1px solid #ccc;
		border-radius: 2px;
	}

	.guarn-box-img2 image {
		width: 76rpx;
		height: 68rpx;
	}

	.guarn-box2-img2[data-v-1b2a5d87] {
		width: 80px;
		height: 80px;
		margin-right: 11px;
		position: relative;
	}

	.guarn-box2-img2 .guarn-box2-img-close2[data-v-1b2a5d87] {
		position: absolute;
		top: -5px;
		right: 2px;
	}

	.guarn-box2 uni-image[data-v-1b2a5d87] {
		width: 100px;

	}

	.guarn-box2[data-v-1b2a5d87] {
		width: 110px;
		height: 110px;
	}

	.guarn-box3 uni-image[data-v-1b2a5d87][data-v-1b2a5d87] {
		width: 80px;
	}

	.u-padding-40,
	.u-p-40 {

		padding-top: 25px !important;
		padding-right: 25px !important;
		padding-bottom: 28px !important;
		padding-left: 25px !important;
	}

	.guarn-box2-img[data-v-1b2a5d87] {

		margin-top: -8px !important;
	}
</style>